<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 加载外部资源(如图片、css、和JavaScript等)加载完毕时触发的事件

        // load 事件在整个页面及所有依赖资源如样式表和图片都已完成加载时触发
        /*
        window.addEventListener("load",function(){
            alert("onLoad事件")
        }) 
        */


        //DOMContentLoaded事件 当纯 HTML 被完全加载以及解析时，DOMContentLoaded 事件会被触发，而不必等待样式表，图片或者子框架完成加载。
        /*
        window.addEventListener('DOMContentLoaded', (event) => {
            console.log('DOM fully loaded and parsed'); //"DOM 完全加载以及解析"
        }); 
        */
    </script>
</body>

</html>